Atom (IDE)

2022/12/15にproject終了

2022/11/19のLast Release

実装

etchを使っている

型ないものを読むの大変だな..

src/text-editor-component.js

Editor部分

CursorsAndInputComponent

カーソルや入力の実装

表示は行の高さを利用している

行の幅は事前に計算した物を使っている

この計算はダミーテキストを実際にエディタのエリアに挿入した物の高さから取得している

text-editor-component.jsのmeasureCharacterDimensions()を読めば大体理解できる

位置はtransformで移動させている

こういう階層構造

TextEditorComponent

renderScrollContainer

renderContent

renderLineTiles

renderPlaceholderText

renderCursorsAndInput

CursorsAndInputComponent

eeeeeeeeeee

え

sss